﻿@model dynamic
@{
    ViewBag.Title = "Альбом";
    Layout = "../Shared/_Layout.cshtml";
}
<div data-album-photos="true" data-album-id="@ViewBag.AlbumId" class="relative">
    <!-- ko if: isGridMode() -->
    <table>
        <tr>
            <td class="left-album-menu">
                <div style="margin-top: 20px;">
                    <!-- ko template: {name:'nav-albums'}-->
                    <!-- /ko -->
                </div>
            </td>
            <td style="vertical-align: top;">
                <!-- ko template:{name: 'image-grid-template'}-->
                <!-- /ko -->
            </td>
        </tr>
    </table>
    <!-- /ko -->
    <!-- ko ifnot: isGridMode() -->
    <style type="text/css">
        .container {
            width: 80%;
        }

        html, body {
            background-color: #252525;
        }

        #photos-flow {
            margin-top: 4px;
        }
    </style>
    <!-- ko template: {name:'image-full-screen-template'}-->
    <!-- /ko -->
    <!-- /ko -->
</div>
@{
    Html.RenderPartial("Ko/NavAlbumsT");
    Html.RenderPartial("Ko/ImageGridT");
    Html.RenderPartial("Ko/ImageFullScreenT");
}